<template>
	<view>
		<view class="wrap">
			<view @click="screeningTap" class="navbar-right">
				<text>筛选</text>
			</view>

			<swiper class="swiper-box" :current="current" @animationfinish="animationfinish">
				<swiper-item class="swiper-item">
					<scroll-view scroll-y style="height: 100%;width: 100%;" @scrolltolower="reachBottom">
						<view class="page-box" style="background-color: #E3E3E3;">
							<view class="order" v-for="(res, index) in orderList" :key="index">
								<view class="top">
									<view class="left">
										<view class="store">
											发布时间：{{ res.ORMTB493CA11 || '' }}</view>
									</view>
									<view class="right" @click="getopsxinxi(res)">查看位置</view>
								</view>
								<view class="item">
									<view class="content">
										<view class="che-leixing">
											<text class="huo-yun-biaoqian">货运</text>
											<text>{{ res.ORMTB493CA02 }}</text>
											<text style="padding-left: 20rpx;">可接吨数：{{ completedTon(res) }}吨</text>
										</view>
										<view class="title u-line-2"><span class="zhuang-huo-dizhi">装</span>
											{{ res.ORMTB493CA00 }}
										</view>
										<view class="title u-line-2"><span class="xie-huo-dizhi">卸</span>{{ res.ORMTB493CA01 }}</view>
										<view class="type" style="padding: 20rpx 0;">
											<text>物料类型：{{ res.ORMTB493CA06 }}</text>
										</view>
										<view class="type" style="padding-bottom: 20rpx;">
											<text>总吨数：{{ res.ORMTB493CA08 }}</text>
										</view>
										<view class="type" style="padding-bottom: 20rpx;">
											<text>剩余吨数：{{ res.ORMTB493CA10 }}</text>
										</view>
										<view class="type">
											<view class="">
												<text>收料单价：</text>
												<text>{{ res.ORMTB493CA07 }}元/吨</text>
											</view>
										</view>
										<view v-if="res.ORMTB493CA24" class="type" style="padding: 20rpx 0;">
											<text>备注：{{ res.ORMTB493CA24 }}</text>
										</view>
										<u-button @click="jdFun(res)" type="primary" class="btn_mid">接单
										</u-button>
									</view>
								</view>
							</view>
						</view>
						<view class="sendorder-loadmore">
							<u-loadmore v-if="orderList.length != 0" :status="status" :icon-type="iconType" :load-text="loadText" />
						</view>
						<view class="zanWSJ" v-if="orderList.length == 0">
							<image :src="getStaticFilePath('/QXY/noData.png')"></image>
						</view>
						<view class="" style="height: 160px;"></view>
					</scroll-view>
				</swiper-item>
			</swiper>
		</view>
		<u-popup v-model="screeningshow" length="80%" mode="right">
			<view class="screening-content">
				<view class="sendrecord-nav-placeholder"
					:style="{ height: Number(navHeight) + Number(systemInfo.statusBarHeight) + 'px' }">
				</view>
				<view class="">
					<view class="sent-changeDate">
						<view class="sent-changeDate-text">
							<view>请选择查询日期</view>
						</view>
						<view class="sent-dateChange">
							<view class="sent-startDate " :class="dateStartStr != '' ? 'sent-startDate-active' : ''"
								@click="stattimeshow = true">
								<text>{{ dateStartStr || '请选择开始时间' }}</text>
							</view>
							<view class="dateLine"></view>
							<view class="sent-startDate " :class="dateEndStr != '' ? 'sent-startDate-active' : ''"
								@click="endtimeshow = true">
								<text>{{ dateEndStr || '请选择结束时间' }}</text>
							</view>
						</view>
					</view>
					<view class="changeQiye">
						<view class="xuanzeqiye">物料类型</view>
						<view class="xuanzeqiye" style="margin-top: 20rpx;" @click="show = true">{{ msgobj.wllxName }}</view>
					</view>
					<view class="changeWuliao changeQiye">
						<view>企业</view>
						<view class="xuanzeqiye" v-if="msgobj.wllx < 0" style="margin-top: 20rpx;">请先选择物料类型</view>
						<view v-else class="xuanzeqiye" style="margin-top: 20rpx;" @click="showCj = true">{{ msgobj.cjName }}</view>
					</view>
					<view class="changeButton">
						<button @click="initChanged">重置</button>
						<button @click="sureSearch">确定</button>
					</view>
				</view>
			</view>
		</u-popup>
		<u-picker v-model="stattimeshow" mode="time" start-year="2015" :end-year="year" @confirm="tiemconfirm"
			:params="params"></u-picker>
		<u-picker v-model="endtimeshow" mode="time" start-year="2015" :end-year="year" @confirm="endtiemconfirm"
			:params="params"></u-picker>

		<u-picker @confirm="bindPickerWlChange" mode="selector" v-model="show" :range="wlArray"
			range-key="SETTB206CA01"></u-picker>
		<u-picker @confirm="bindPickerCjChange" mode="selector" v-model="showCj" :range="cjArray"
			range-key="SETTB99CA00"></u-picker>
		<u-toast ref="uToast" />
	</view>
</template>

<script>

export default {
	name: 'orderList',
	data() {
		return {
			screeningshow: false,
			//订单列表
			orderList: [],
			current: 0, // tabs组件的current值，表示当前活动的tab选项
			swiperCurrent: 0, // swiper组件的current值，表示当前那个swiper-item是活动的
			status: 'loading',
			iconType: 'flower',
			loadText: {
				loadmore: '轻轻上拉',
				loading: '努力加载中',
				nomore: '实在没有了'
			},
			countpage: 1,
			page: 1,
			userinfo: JSON.parse(uni.getStorageSync('userinfo')),
			systemInfo: uni.getSystemInfoSync(),
			navHeight: '',
			params: {
				year: true,
				month: true,
				day: true,
				hour: true,
				minute: true,
				second: true
			},
			year: '',
			stattimeshow: false,
			endtimeshow: false,
			dateStartStr: '',
			dateEndStr: '',
			show: false,
			showCj: false,
			wlArray: [],
			cjArray: [], //厂家
			msgobj: {
				wllx: -1,
				wllxName: '请选择物料类型', //物料类型名字
				wllxCode: '', //物料类型编码
				cjName: '请选择厂家', //厂家名字
				cjCode: '', //厂家编码
			}
		};
	},
	created() {
		var data = new Date()
		this.year = data.getFullYear()
		this.systemInfo = uni.getSystemInfoSync()
		this.navHeight = this.systemInfo.platform == 'ios' ? 44 : 48;
		this.page = 1
		this.countpage = 1
		this.queryList()
	},
	onShow: function () {
		console.log(111111111);
	},
	onPullDownRefresh() {
		this.page = 1
		this.countpage = 1
		this.queryList()
		this.dateStartStr = ''
		this.dateEndStr = ''
	},
	methods: {
		completedTon(res) {
			const ton1 = Number(res.ORMTB493CA10) || 0;
			const ton2 = Number(res.ztzl) || 0;
			return (ton1 - ton2) < 0 ? 0 : (ton1 - ton2);
		},
		bindPickerWlChange(e) {
			// console.log(e,`output->e`, e)
			let index = e[0]
			this.msgobj.wllx = index
			this.msgobj.wllxName = this.wlArray[index].SETTB206CA01
			this.msgobj.wllxCode = this.wlArray[index].SETTB206CA00
			if (this.msgobj.wllxName) {
				console.log(this.msgobj.wllxCode, '物料', this.msgobj.wllxName)
				this.getCjList();
			}
		},
		// 厂家
		bindPickerCjChange(e) {
			console.log(e, `output->e`, e)
			let index = e[0]
			this.msgobj.cjName = this.cjArray[index].SETTB99CA00
			this.msgobj.cjCode = this.cjArray[index].SETTB99ID
		},
		// 物料列表
		queryGwcList() {
			uni.showLoading({
				title: '加载中...',
				mask: true
			});
			uni.request({
				url: this.baseUrl + '/orm/ormtb493/wlTypeList',
				method: 'POST',
				dataType: 'json',
				data: {
					sign: this.userinfo.sign,
				},
				success: (res) => {
					uni.hideLoading();
					if (res.data.code == 200) {
						this.wlArray = res.data.data || []
					} else {
						uni.showToast({
							title: res.data.success,
							type: 'default',
							icon: false
						})
					}
				},
				fail: (res) => {
					uni.hideLoading();
					uni.showToast({
						title: res.errMsg,
						type: 'default',
						icon: false
					})
				}
			});
		},
		// 厂家列表
		getCjList() {
			uni.showLoading({
				title: '请求中...',
				mask: true
			});
			uni.request({
				url: this.baseUrl + '/orm/ormtb493/cjListBywl',
				method: 'POST',
				dataType: 'json',
				data: {
					ORMTB493CA05: this.msgobj.wllxCode,
					page: this.page,
					limit: 100,
				},
				success: (res) => {
					uni.hideLoading();
					if (res.data.code == 200) {
						if (!res.data.data || res.data.data == null) {
							this.cjArray = []
							this.page = 1
							return
						}
						var data = res.data.data || []
						// console.log(data)
						this.cjArray = data
					} else {
						this.cjArray = []
						this.page = 1
						uni.showToast({
							title: res.data.message,
							type: 'default',
							icon: false
						})
					}
				},
				fail: (res) => {
					uni.hideLoading();
					uni.showToast({
						title: '服务器连接超时',
						type: 'default',
						icon: false
					})
				}
			});
		},
		tiemconfirm(e) {
			this.dateStartStr = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' + e.second
		},
		endtiemconfirm(e) {
			this.dateEndStr = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' + e.second
		},
		getopsxinxi(item) {
			wx.getSystemInfo({
				success: function (res) {
					if (!res.locationEnabled || !res.locationAuthorized) {
						wx.showToast({
							title: '请开启手机定位功能'
						})
					} else {
						wx.getLocation({
							type: "gcj02",
							isHighAccuracy: true,
							success(res) {
								// 成功进行的操作
								const latitude = parseFloat(item.ORMTB493CA23);
								const longitude = parseFloat(item.ORMTB493CA22);
								wx.showLoading({
									title: '加载中...',
									mask: true
								});
								wx.openLocation({
									latitude: latitude,
									longitude: longitude,
									scale: 10,
									name: item.ORMTB493CA01,
									address: item.ORMTB493CA21,
									success: function () {
										console.log('success');
										wx.hideLoading();
									}
								});
							},
							fail() {
								wx.getSetting({
									success: function (res) {
										if (!res.authSetting['scope.userLocation']) {
											wx.showModal({
												content: '检测到您未打开地理位置授权，是否前往开启',
												confirmText: '去开启',
												success: function (res) {
													if (res.confirm) {
														wx.openSetting();
													} else {
														console.log(
															'get location fail'
														);
													}
												}
											})
										}
									}
								})
							}
						})
					}
				}
			})
		},
		reachBottom() {
			if (this.page == this.countpage) {
				return this.status = "nomore"
			}
			this.page++
			this.queryList()
		},
		// 由于swiper的内部机制问题，快速切换swiper不会触发dx的连续变化，需要在结束时重置状态
		// swiper滑动结束，分别设置tabs和swiper的状态
		animationfinish(e) {
			let current = e.detail.current;
			// this.$refs.tabs.setFinishCurrent(current);
			if (this.current == current) {
				return
			}
			this.dateStartStr = ''
			this.dateEndStr = ''
			this.current = current;
			this.queryList()
		},
		// 重置
		initChanged() {
			this.dateStartStr = ''
			this.dateEndStr = ''
			this.wlArray = [];
			let obj = {
				wllx: -1,
				wllxName: '请选择物料类型', //物料类型名字
				wllxCode: '', //物料类型编码
				cjName: '请选择厂家', //厂家名字
				cjCode: '', //厂家编码
			}
			this.msgobj = { ...obj }
		},
		// 确定
		sureSearch() {
			console.log(`output->this.data`, this)
			if (!this.dateEndStr && !this.dateStartStr && this.msgobj.wllxName == '请选择物料类型' && this.msgobj.cjName == '请选择厂家') {
				this.$refs.uToast.show({
					title: '请选择筛选条件',
					type: 'default',
					icon: false
				})
				return
			}
			this.queryList()
			this.screeningshow = false
		},
		// 筛选
		screeningTap() {
			this.queryGwcList()
			this.screeningshow = true
		},
		// 接单
		jdFun(item) {
			var str = JSON.stringify(item)
			uni.setStorageSync('materInfo', str);
			uni.navigateTo({
				url: `/pages/socarJd/index?xqId=${item.ORMTB493ID}&buy=buy`
			})
		},
		//查询待接单列表
		queryList() {
			uni.showLoading({
				title: '加载中...',
				mask: true
			});
			var ORMTB410ID = ''
			if (this.userinfo.sign == 'CUS-2' || this.userinfo.sign == 'CUS-3') {
				ORMTB410ID = this.userinfo.ORMTB410ID
			}
			// this.queryDataList = [];
			uni.request({
				url: this.baseUrl + '/orm/ormtb493/ormtb493ListJdr',
				method: 'POST',
				dataType: 'json',
				data: {
					ORMTB410ID: ORMTB410ID, //二级客户代码
					startTime: this.dateStartStr, //开始时间
					endTime: this.dateEndStr, //结束时间
					ORMTB493CA05: this.msgobj.wllxCode,
					ORMTB493CA03: this.msgobj.cjCode,
					limit: 10,
					page: this.page
				},
				success: (res) => {
					uni.hideLoading();
					if (res.data.code == 200) {
						if (!res.data.data || res.data.data == null) {
							this.orderList = []
							this.page = 1
							this.countpage = 1
							return
						}
						let getUserinfo = uni.getStorageSync('userinfo')
						let getUserinfoParse = JSON.parse(getUserinfo)
						getUserinfoParse.ORMTB410CB04 = res.data.data.ORMTB410CB04
						let getUserinfoStringify = JSON.stringify(getUserinfoParse)
						uni.setStorageSync('userinfo', getUserinfoStringify)
						this.userinfo = JSON.parse(uni.getStorageSync('userinfo'))
						var data = res.data.data.list || []
						if (this.page > 1) {
							this.orderList = [...this.orderList, ...data]
						} else {
							this.orderList = data

						}
						this.orderList.forEach(item => {
							if (item.ORMTB440CF01 == '-1') {
								item.ORMTB440CF01text = '取消'
							} else if (item.ORMTB440CF01 == '0') {
								item.ORMTB440CF01text = '待接单'
							} else if (item.ORMTB440CF01 == '1') {
								item.ORMTB440CF01text = '待提货'
							} else if (item.ORMTB440CF01 == '2') {
								item.ORMTB440CF01text = '提货中'
							} else if (item.ORMTB440CF01 == '3') {
								item.ORMTB440CF01text = '完成'
							} else if (item.ORMTB440CF01 == '4') {
								item.ORMTB440CF01text = '已回执'
							} else if (item.ORMTB440CF01 == '5') {
								item.ORMTB440CF01text = '确认回执'
							} else if (item.ORMTB440CF01 == '-2') {
								item.ORMTB440CF01text = '申请取消'
							}
							if (item.ORMTB440CH01 == '0') {
								item.auditText = '未审核'
							} else if (item.ORMTB440CH01 == '1') {
								item.auditText = '通过'
							} else if (item.ORMTB440CH01 == '2') {
								item.auditText = '拒绝'
							}
							if (item.ORMTB440CG00 == '0') {
								item.ORMTB440CG00Text = '未审核'
							} else if (item.ORMTB440CG00 == '1') {
								item.ORMTB440CG00Text = '通过'
							} else if (item.ORMTB440CG00 == '2') {
								item.ORMTB440CG00Text = '拒绝'
							}
						})
						this.countpage = Math.ceil(res.data.count / 10)
						this.ordercoutObj = res.data.data.count
					} else {
						this.ordercoutObj = ''
						this.orderList = []
						this.page = 1
						this.countpage = 1
						this.$refs.uToast.show({
							title: res.data.message,
							type: 'default',
							icon: false
						})
					}
					if (this.countpage == this.page) {
						this.status = "nomore"
					} else {
						this.status = "loadmore"
					}
					uni.stopPullDownRefresh();
				},
				fail: (res) => {
					uni.stopPullDownRefresh();
					if (this.countpage == this.page) {
						this.status = "nomore"
					} else {
						this.status = "loadmore"
					}
					uni.hideLoading();
					this.$refs.uToast.show({
						title: res.errMsg,
						type: 'default',
						icon: false
					})
				}
			});
		},
	}
}

</script>
<style lang="scss" scoped>
.navbar-right {
	width: 100rpx;
	position: relative;
	margin: -68rpx 0 16rpx 640rpx;
	z-index: 999;
}

.wrap-count {
	margin: 20rpx 20rpx 0;
	border-radius: 10rpx;
	background-color: #FFF;
	padding: 20rpx 0;
}

.wrap-count>text {
	padding: 0 30rpx;
	font-size: 36rpx;
}

.wrap-count>view {
	display: flex;
	padding: 20rpx 60rpx;
	justify-content: space-between;
}

.wrap-count>view>view {
	font-size: 36rpx;
}

.wrap-count>view>view>text {
	color: #999;
}

.zanWSJ {
	padding-top: 200rpx;
}

.zanWSJ>image {
	display: block;
	margin: 0 auto;
	height: 360rpx;
	width: 43%;
}

.code-img {
	width: 500rpx;
	height: 500rpx;
	margin: 50rpx auto 0;
}

.code-img image {
	width: 500rpx;
	height: 500rpx;
}

.sendorder-loadmore {
	padding: 20rpx 0 20rpx 0;
}

page {
	height: 100%;
	background-color: #f2f2f2;
}

/*二维码弹出*/
.qc_show {
	padding: 25rpx 15rpx 15rpx 15rpx;

	.title {
		text-align: center;
		font-size: 33rpx;
		margin-bottom: 15rpx;
		font-weight: bold;
	}

	.info {
		font-size: 30rpx;
		text-align: center;
		color: #666;
	}
}

/* 顶部下拉*/
.dropdown_menu {
	padding: 24rpx 0;
	display: flex;
	justify-content: space-around;
	align-items: center;
	background-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1rpx;
	border-top-color: #e1e1e1;

	.icon_left_margin {
		margin-left: 20rpx;
	}
}

.order {
	width: 710rpx;
	background-color: #ffffff;
	margin: 20rpx auto;
	border-radius: 20rpx;
	box-sizing: border-box;
	padding: 20rpx;

	.top {
		display: flex;
		justify-content: space-between;
		border-bottom-width: 1rpx;
		border-bottom-color: #eee;
		border-bottom-style: solid;
		padding-bottom: 20rpx;

		.left {
			display: flex;
			align-items: center;

			.store {
				margin: 0 10rpx;
				font-size: 32rpx;
				color: #666;
			}
		}

		.right {
			color: #058cff;
		}
	}

	.item {
		// display: flex;
		margin: 20rpx 0 0;

		.left {
			margin-top: 30rpx;
			margin-right: 30rpx;
			text-align: center;

			.license_plate {
				width: 130rpx;
				text-align: center;
				font-size: 26rpx;
				margin-top: 10rpx;
			}
		}

		.content {
			.title {
				// font-size: 32rpx;
				line-height: 50rpx;
			}

			.type {
				display: flex;
				justify-content: space-between;
				margin: 10rpx 0;
				// font-size: 32rpx;
				color: #303133;
			}

			.btn_mid {
				margin: 0rpx 0 0 490rpx;
				padding: 0rpx 25rpx;
				height: 70rpx;
				line-height: 70rpx;
				width: 180rpx;
			}
		}
	}

	.total {
		margin-top: 20rpx;
		text-align: right;
		font-size: 24rpx;

		.total-price {
			font-size: 32rpx;
		}
	}

	.bottom {
		display: flex;
		margin-top: 40rpx;
		padding: 0 10rpx;
		justify-content: space-between;
		align-items: center;

		.btn {
			line-height: 52rpx;
			width: 160rpx;
			border-radius: 26rpx;
			border: 2rpx solid $u-border-color;
			font-size: 26rpx;
			text-align: center;
			color: $u-type-info-dark;
		}

		.evaluate {
			color: $u-type-warning-dark;
			border-color: $u-type-warning-dark;
		}
	}
}

.centre {
	text-align: center;
	margin: 200rpx auto;
	font-size: 32rpx;

	image {
		width: 164rpx;
		height: 164rpx;
		border-radius: 50%;
		margin-bottom: 20rpx;
	}

	.tips {
		font-size: 24rpx;
		color: #999999;
		margin-top: 20rpx;
	}

	.btn {
		margin: 80rpx auto;
		width: 200rpx;
		border-radius: 32rpx;
		line-height: 64rpx;
		color: #ffffff;
		font-size: 26rpx;
		background: linear-gradient(270deg, rgba(249, 116, 90, 1) 0%, rgba(255, 158, 1, 1) 100%);
	}
}

.wrap {
	display: flex;
	flex-direction: column;
	height: calc(100vh - var(--window-top));
	width: 100%;
	background-color: #E3E3E3;
}

.swiper-box {
	flex: 1;
	// margin-bottom: 39px;
}

.swiper-item {
	height: 100%;
}

.sendrecord {
	min-height: 100vh;
	width: 100vw;
	background-color: #efeff4;
}

.sendrecord-nav-fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	background-color: #FFF;
}

.sendrecord-nav-top-navbar-inner {
	/* display: flex; */
	position: relative;
}

.sendrecord-nav-top-navbar-inner text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100rpx;
	text-align: center;
	font-size: 34rpx;
	z-index: 1;
}

.sendrecord-nav-top-navbar-inner view {
	flex: 1;
	text-align: center;
	font-size: 34rpx;
	font-weight: 600;
}

.sendrecord-nav-option {
	height: inherit;
	display: flex;
	font-size: 30rpx;
	color: #333;
	text-align: center;
	overflow: hidden;
}

.sendrecord-nav-option-rep {
	position: relative;
	flex: 1;
	padding: 0 55rpx 0 20rpx;
}

.sendrecord-nav-option-rep .iconxiala {
	position: absolute;
	top: 0;
	right: 0;
	height: inherit;
	line-height: inherit;
	font-size: 22rpx;
	margin-left: 10rpx;
	color: #999;
}

.sendrecord-nav-option-screening {
	flex: .35;
}

.sendrecord-nav-option-screening .iconshaixuan {
	font-size: 30rpx;
	margin-left: 10rpx;
}

.sendrecord-count {
	background-color: #fff;
}

.sendrecord-count-p {
	position: relative;
	border-radius: 20rpx 20rpx 0 0;
	height: 25vh;
	padding: 20rpx 40rpx;
	background-color: #efeff4;
}

.sendrecord-count-p image {
	width: 100%;
	height: 100%;
}

.sendrecord-count-p-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20rpx 70rpx;
	box-sizing: border-box;
}

.sendrecord-count-p-content-title {
	padding: 40rpx 0 30rpx 0;
	font-size: 32rpx;
	color: #ffd919;
}

.sendrecord-count-p-num {
	display: flex;
	color: #FFF;
	font-size: 30rpx;
}

.sendrecord-count-p-num>view>text {
	font-size: 26rpx;
	color: #e3e3e3;
}

.sendrecord-count-p-num-money,
.sendrecord-count-p-num-weight {
	flex: 1;
}

.sendrecord-count-p-num-time {
	flex: .5;
}

.sendrecord-table-content {
	padding: 0 30rpx;
}

.sendrecord-table-content-card {
	border-radius: 25rpx;
	background-color: #FFF;
	color: rgba(153, 153, 153, 1);
}

.sendrecord-table-content-card+.sendrecord-table-content-card {
	margin-top: 15rpx;
}

.sendrecord-table-content-card-title {
	display: flex;
	justify-content: space-between;
	height: 80rpx;
	line-height: 80rpx;
	padding: 0 30rpx;
	font-size: 30rpx;
	border-bottom: 1px solid rgba(230, 230, 230, 1);
	font-weight: 400;
}

.sendrecord-table-content-card-title-details {
	font-size: 30rpx;
	color: rgba(0, 162, 243, 1);
}

.sendrecord-table-content-card-text {
	position: relative;
	display: flex;
	padding: 0 30rpx;
}

.sendrecord-table-content-card-text-image {
	position: absolute;
	left: 0;
	top: 2rpx;
	width: 120rpx;
	height: 70rpx;
}

.sendrecord-table-content-card-text-image>image {
	width: 100%;
	height: 100%;
	transform: rotate(-25deg);
}

.sendrecord-table-content-card-text-left {
	display: flex;
	align-items: center;
	margin-right: 40rpx;
	text-align: center;
}

.sendrecord-table-content-card-text-left .iconfont {
	font-size: 70rpx;
	color: rgba(102, 102, 102, 1);
}

.sendrecord-table-content-card-text-left-car {
	line-height: 50rpx;
	font-size: 26rpx;
	color: rgba(102, 102, 102, 1);
	font-weight: 400;
}

.sendrecord-table-content-card-text-right {
	flex: 1;
	color: #333;
	font-size: 26rpx;
	line-height: 40rpx;
	padding-bottom: 30rpx;
	font-weight: 400;
}

.sendrecord-table-content-card-text-right>view {
	margin-top: 10rpx;
	overflow: hidden;
}

.sendrecord-table-content-card-text-right-details {
	display: flex;
	justify-content: space-between;
}

.sendrecord-table-content-card-text-right-details text {
	display: inline-block;
	max-width: 200rpx;
	overflow: hidden;
}

.sendrecord-table-content-card-text-right-details text+text {
	margin-left: 20rpx;
}

.sent-changeDate-text {
	color: rgba(102, 102, 102, 1);
	font-size: 28rpx;
	padding-left: 42rpx;
}

.sent-dateChange {
	margin-top: 28rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-left: 42rpx;
	font-size: 26rpx;
}

.sent-dateChange-mask {
	position: relative;
}

.sent-dateChange-mask>view {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
}

.sent-startDate {
	width: 231rpx;
	height: 45rpx;
	border: 2rpx solid #e3e3e3;
	color: #e3e3e3;
	font-size: 26rpx;
	text-align: center;
	padding: 0 20rpx;
}

.sent-startDate-active {
	height: 77rpx;
	border-color: rgba(0, 161, 241, 0.5);
	color: rgba(0, 161, 241, 1);
}

.sent-startDate input {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: 0;
	border: 0;
	text-align: center;
}

.dateLine {
	width: 55rpx;
	height: 2rpx;
	background: rgba(205, 205, 205, 1);
}

.changeCarnum>view:first-child {
	color: rgba(102, 102, 102, 1);
	font-size: 28rpx;
	padding: 0 42rpx;
}

.carNumReset {
	width: 120rpx;
	text-align: center;
	color: rgba(0, 161, 241, 1);
	margin-left: 60rpx;
}

.electionMonth {
	width: 100rpx;
	height: 67rpx;
	line-height: 67rpx;
	text-align: center;
	background: rgba(0, 161, 241, 1);
	color: rgba(255, 255, 255, 1);
	border-radius: 6rpx;
	margin-left: 50rpx;
}

.changeQiye .xuanzeqiye {
	color: rgba(102, 102, 102, 1);
	font-size: 28rpx;
	padding: 0 42rpx;
}

.kehuName {
	width: 300rpx;
	height: 60rpx;
	line-height: 60rpx;
	border: 2rpx solid rgba(153, 153, 153, 0.5);
	color: rgba(153, 153, 153, 1);
	font-size: 26rpx;
	padding: 0;
	text-align: center;
}

.changeWuliao view:first-child {
	color: rgba(102, 102, 102, 1);
	font-size: 28rpx;
	padding: 0 42rpx;
}

.changeButton {
	display: flex;
	padding: 56rpx 30rpx 100rpx 39%;
}

.changeButton button {
	padding: 0;
	width: 223rpx;
	height: 60rpx;
	line-height: 60rpx;
	border-radius: 0;
	font-size: 30rpx;
	color: rgba(255, 255, 255, 1);
}

.changeButton button:first-child {
	background: rgba(0, 202, 243, 1);
}

.changeButton button:last-child {
	background: rgba(0, 161, 241, 1);
}

.sent-changeDate,
.changeCarnum,
.changeQiye,
.changeWuliao {
	width: 100%;
	border-bottom: 2rpx solid rgba(230, 230, 230, 1);
	padding: 42rpx 0;
}

.sent-dateChange-mask .orActive {
	color: rgba(0, 161, 241, 1) !important;
	border: 2rpx solid rgba(0, 161, 241, 1) !important;
}

.car-search-top-title {
	display: flex;
}

.car-search-top-title>view:first-child {
	width: 150rpx;
	height: 70rpx;
	line-height: 70rpx;
	text-align: center;
	font-size: 30rpx;
	color: #999;

}

.car-search-fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
	background-color: #fff;
}

.car-search-top-title-search {
	position: relative;
	flex: 1;
	padding: 0 40rpx 0 0;
}

.car-search-top-title-search>view {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 19;
}

.car-search-top-title-search-box {
	width: 90%;
}

.car-search-li {
	height: 70rpx;
	line-height: 70rpx;
	padding-left: 60rpx;
	font-size: 30rpx;
	color: #333;
	border-bottom: 2rpx solid #e3e3e3;
}

// 统计
.statistics-banner-box {
	width: 100%;
	height: 252rpx;
	padding: 10rpx 0;
	background-color: rgba(204, 204, 204, .3);
}

.statistics-banner-title-box {
	padding: 30rpx 0 50rpx 40rpx;
	background-color: #fff;
}

.statistics-banner-title {
	padding-bottom: 20rpx;
	font-size: 42rpx;
	color: rgba(51, 51, 51, 1);
}

.statistics-banner-list {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0 40rpx;
	flex-direction: row;
	align-items: center;
}

.statistics-banner-name {
	font-size: 26rpx;
	// color: rgba(255, 255, 255, .8);
}

.statistics-banner-number {
	font-size: 36rpx;
	// color: rgba(255, 255, 255, 1);
}

.ERcode-orderinfo {
	font-size: 36rpx;
	color: #333;
	margin-bottom: 65rpx;
	padding: 0 28rpx;
}

.ERcode-orderinfo>view {
	// height: 44rpx;
	line-height: 44rpx;
	overflow: hidden;
}

.ERcode-orderinfo-view {
	border-bottom: 2rpx solid #e3e3e3;
	padding-bottom: 20rpx;
}

.ERcode-orderinfo-view>text:first-child {
	font-size: 44rpx;
	font-weight: 600;
	width: 255rpx !important;
}

.ERcode-orderinfo>view+view {
	margin-top: 15rpx;
}

.ERcode-orderinfo text {
	display: inline-block;
	font-size: 36rpx;
	width: 190rpx;
	text-align: right;
	margin-right: 21rpx;
	color: #666;
}

uni-button:after {
	border: none;
}

.che-leixing {
	margin-bottom: 40rpx;
}

.huo-yun-biaoqian {
	background-color: #E3E3E3;
	border-radius: 10rpx;
	padding: 5rpx;
	margin-right: 20rpx;
}

.zhuang-huo-dizhi {
	background-color: #303133;
	color: #fff;
	border-radius: 50%;
	width: 50rpx;
	height: 50rpx;
	display: inline-block;
	font-size: 32rpx;
	text-align: center;
	margin-right: 10rpx;
	margin-bottom: 20rpx;
}

.xie-huo-dizhi {
	background-color: #2979ff;
	color: #fff;
	border-radius: 50%;
	width: 50rpx;
	height: 50rpx;
	display: inline-block;
	font-size: 32rpx;
	text-align: center;
	margin-right: 10rpx;
}

.but-caozuo {
	display: flex;
}

.cpxy-main {
	display: flex;
	justify-content: space-between;
	padding-top: 10px;
}

.addCar-xy-car {
	line-height: 60rpx;
	width: 220rpx;
}
</style>
